{__NOLAYOUT__}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>电子教材-大拇哥资源共享平台</title>
    <!--视口 不缩放 -->
    <meta name="viewport" content="user-scalable=no,width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0">
    <meta name="flexible" content="initial-dpr=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- 网页作者 -->
    <meta name="author" content="hg" />
    <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 设置苹果工具栏颜色 -->
    <meta name="format-detection" content="telphone=no, email=no" />
    <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 不让百度转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="msapplication-TileColor" content="#000" />
    <!--<link href="logo.ico" rel="shortcut icon" type="image/x-icon">-->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="__PUBLIC__/dist/js/html5shiv.min.js"></script>
      <script src="__PUBLIC__/dist/js/respond.min.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="favicon.ico">
    <!-- ZUI1.7.0 -->
    <link rel="stylesheet" href="__PUBLIC__/dist/css/zui.min.css">

    <link href="__PUBLIC__/dist/css/main.css" rel="stylesheet">
</head>

<body class="bg-white">
    <div id="page">
        <div class="clearfix row">
            <div class="col-md-10 row">
                <!-- <p class="col-md-6">
                    <span class="black">建课人：</span>王石、李虎
                </p> -->
                <p class="col-sm-4">
                    <span class="con-title">{$xm.0.time.attr.name}：</span>{$xm.0.time.val}</p>
                <!-- <p class="col-md-6">
                    <span class="black">建课时间：</span>
                    {$xm.0.time.val}
                </p> -->
                <!-- <p class="col-xs-12 black">项目目的：</p> -->
                <!-- <p class="col-xs-12">通过学习感光度、光圈、快门的知识，分辨全幅半幅相机的区别，认识镜头不同焦段的特性等，来了解单反相机的使用基础</p> -->
            </div>
            <div class="col-md-2 text-right">
                <a class="btn btn-primary" href="index.php?m=Index&a=downzip&oid={$xm.0.id.val}">下载电子教材</a>
            </div>
        </div>
        <hr>
        <div class="clearfix row">
            <div class="col-md-2" id="navbar-example2">
                <nav class="menu" data-ride="menu" style="width:100%">
                    <ul class="nav nav-primary">
                        <!-- 任务 nav     -->
                        <foreach name="rw" item="vo" key="key">
                            <li class="{$key === 0?'active':'' }">
                                <a href="#con{$key}">
                                    <i class="icon icon-forward "></i>
                                    {$vo.title.val|str_cut=###,14}
                                </a>
                            </li>
                        </foreach>
                        <!--任务 nav end-->
                    </ul>
                </nav>
            </div>
            <section class="col-md-10" data-spy="scroll" data-target="#navbar-example2" data-offset="0" style="max-height:400px;overflow:scroll;">
                <!-- 任务 content -->
                <foreach name="rw" item="vo" key="key">
                    <div id="con{$key}">
                        {$vo.wbbj.val}
                    </div>
                </foreach>
                <!-- 任务 content end-->
            </section>
        </div>
    </div>
    <script src="__PUBLIC__/dist/js/jquery.min.js"></script>
    <script src="__PUBLIC__/dist/js/zui.min.js"></script>
    <script src="__PUBLIC__/dist/js/html2canvas.min.js"></script>
    <script src="__PUBLIC__/dist/js/jspdf.debug.js"></script>
    <script>
        $('.menu .nav').on('click', 'li:not(.nav-parent) > a', function () {
            var $this = $(this);
            $('.menu .nav .active').removeClass('active');
            $this.closest('li').addClass('active');
            $this.closest('.nav-parent').addClass('active');
        });
    </script>
</body>

</html>